// pages/detail/detail.js
const app = getApp()

Page({
  data: {
    // 内容ID
    contentId: null,
    
    // 内容数据
    content: {},
    
    // 相关内容
    relatedContent: [],
    
    // 状态
    isLiked: false,
    isFavorite: false,
    currentTextTab: "original", // original/translation
    audioPlaying: false
  },
  
  onLoad(options) {
    // 获取内容ID
    this.setData({
      contentId: options.id
    })
    
    // 加载内容数据
    this.loadContentData()
    
    // 加载相关内容
    this.loadRelatedContent()
  },
  
  // 加载内容数据
  loadContentData() {
    // 根据ID获取不同内容
    const contentId = parseInt(this.data.contentId)
    
    // 模拟内容数据
    let content = {}
    
    switch(contentId) {
      case 101:
        content = {
          id: 101,
          title: "春季相关的经典诗句赏析",
          category: "诗词",
          difficulty: "初级",
          source: "精选唐诗宋词",
          bgColor1: "#1D3557",
          bgColor2: "#457B9D",
          hasPronunciation: true,
          pinyin: "chūn huí dà dì, wàn wù fù sū",
          meaning: "春天使大地复苏，万物恢复生机。这句诗描绘了春天到来时的景象，表达了对生命和希望的赞美。",
          meaningSupplement: "春天是四季之首，象征着新的开始和希望。在古诗中，春天常被用来表达对美好事物的向往和对新生活的期盼。",
          originalText: "春眠不觉晓，处处闻啼鸟。\n夜来风雨声，花落知多少。\n\n—— 孟浩然《春晓》\n\n碧玉妆成一树高，万条垂下绿丝绦。\n不知细叶谁裁出，二月春风似剪刀。\n\n—— 贺知章《咏柳》",
          translationText: "春日酣睡，不觉天已破晓，\n到处都能听到鸟儿清脆的叫声。\n回想昨夜的阵阵风雨声，\n不知有多少花瓣被吹落。\n\n—— 孟浩然《春晓》\n\n高高的柳树长满了翠绿的新叶，\n轻柔的柳枝垂下来，就像万条轻轻飘动的绿色丝带。\n这细细的嫩叶是谁的巧手裁剪出来的呢？\n原来是那二月里温暖的春风，它就像一把灵巧的剪刀。\n\n—— 贺知章《咏柳》",
          hasImage: true,
          sourceImage: "/images/content/spring-detail.jpg",
          examples: [
            "春暖花开，公园里游人如织，真是一派春回大地、万物复苏的景象。",
            "这幅画描绘了春回大地的景象，让人感受到了生命的力量。"
          ]
        }
        break
      case 102:
        content = {
          id: 102,
          title: "《论语》中的智慧名言解读",
          category: "古籍",
          difficulty: "中级",
          source: "《论语·学而》",
          bgColor1: "#1D3557",
          bgColor2: "#E63946",
          hasPronunciation: true,
          pinyin: "xué ér shí xí zhī, bù yì yuè hū",
          meaning: "学习并且按时地去复习，不也很快乐吗？这句话强调了学习的重要性和复习的必要性。",
          meaningSupplement: "孔子认为，学习是一个持续的过程，不仅要学习新知识，还要不断复习巩固，这样才能真正掌握知识，从中获得乐趣。这种学习态度对后世影响深远。",
          originalText: "子曰：“学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知而不愠，不亦君子乎？”",
          translationText: "孔子说：“学习后经常温习所学的知识，不也很令人愉悦吗？有志同道合的人从远方来，不也很高兴吗？别人不了解我但我不生气，不也是道德上有修养的人吗？”",
          hasImage: true,
          sourceImage: "/images/content/analects-detail.jpg",
          examples: [
            "老师经常教导我们“学而时习之”，只有不断复习，才能真正掌握知识。",
            "他一直坚持“学而时习之”的学习方法，成绩始终名列前茅。"
          ]
        }
        break
      case 201:
        content = {
          id: 201,
          title: "掩耳盗铃",
          category: "成语",
          difficulty: "初级",
          source: "《吕氏春秋·自知》",
          bgColor1: "#E63946",
          bgColor2: "#FFB703",
          hasPronunciation: true,
          pinyin: "yǎn ěr dào líng",
          meaning: "捂住自己的耳朵去偷铃铛。比喻自己欺骗自己，明明掩盖不住的事情偏要想法子掩盖。",
          meaningSupplement: "这个成语讽刺了那些自欺欺人的人。它告诉我们，不要试图逃避现实或掩盖真相，因为这样做最终只会欺骗自己，而无法改变事实。",
          originalText: "范氏之亡也，百姓有得钟者，欲负而走，则钟大不可负；以椎毁之，钟况然有音。恐人闻之而夺己也，遽掩其耳。恶人闻之，可也；恶己自闻之，悖矣！",
          translationText: "范氏逃亡的时候，有个百姓得到了一口钟，想背着它逃跑，可是钟太大了，背不动；于是就想用锤子把钟砸碎，刚一砸，钟就发出了很大的响声。他生怕别人听到钟声，来把钟夺走，就急忙把自己的耳朵紧紧捂住。害怕别人听到钟的声音，这是可以理解的；但害怕自己听到钟声，那就太荒谬了！",
          hasImage: true,
          sourceImage: "/images/content/idiom-detail.jpg",
          examples: [
            "他以为把公司的账目改了就没人知道，真是掩耳盗铃。",
            "那种掩耳盗铃的做法，是解决不了问题的。"
          ]
        }
        break
      default:
        // 默认内容
        content = {
          id: contentId,
          title: "经典文化内容",
          category: "诗词",
          difficulty: "中级",
          source: "古典文学精选",
          bgColor1: "#1D3557",
          bgColor2: "#A8DADC",
          hasPronunciation: true,
          pinyin: "tā rén zhī cháng, bǔ jǐ zhī duǎn",
          meaning: "学习别人的长处，弥补自己的短处。",
          meaningSupplement: "这句名言强调了谦虚好学、取长补短的重要性。在学习和生活中，我们应该善于发现别人的优点，并且虚心向别人学习，以弥补自己的不足。",
          originalText: "三人行，必有我师焉。择其善者而从之，其不善者而改之。",
          translationText: "几个人一起走路，其中必定有人可以做我的老师。我选择他好的方面向他学习，看到他不好的方面就对照自己改正自己的缺点。",
          hasImage: true,
          sourceImage: "/images/content/default-detail.jpg",
          examples: [
            "我们应该学会取长补短，不断提高自己。",
            "团队成员之间应该互相学习，取长补短，共同进步。"
          ]
        }
    }
    
    this.setData({
      content: content
    })
    
    // 检查是否已收藏
    this.checkFavoriteStatus()
  },
  
  // 加载相关内容
  loadRelatedContent() {
    // 模拟相关内容数据
    const relatedContent = [
      {
        id: 103,
        title: "李白诗歌中的豪放风格"
      },
      {
        id: 202,
        title: "来自历史故事的成语"
      },
      {
        id: 301,
        title: "《道德经》中的处世之道"
      }
    ]
    
    this.setData({
      relatedContent: relatedContent
    })
  },
  
  // 检查收藏状态
  checkFavoriteStatus() {
    const isFavorite = app.globalData.收藏.some(item => item.id === this.data.contentId)
    this.setData({
      isFavorite: isFavorite
    })
  },
  
  // 返回上一页
  navigateBack() {
    wx.navigateBack()
  },
  
  // 切换文本标签（原文/译文）
  setCurrentTextTab(e) {
    this.setData({
      currentTextTab: e.currentTarget.dataset.tab
    })
  },
  
  // 播放发音
  playPronunciation() {
    if (this.data.audioPlaying) {
      // 停止播放
      wx.stopBackgroundAudio()
      this.setData({
        audioPlaying: false
      })
    } else {
      // 模拟播放
      this.setData({
        audioPlaying: true
      })
      
      wx.showToast({
        title: '正在播放发音',
        icon: 'none'
      })
      
      // 5秒后自动停止
      setTimeout(() => {
        this.setData({
          audioPlaying: false
        })
      }, 5000)
    }
  },
  
  // 播放来源视频
  playSourceVideo() {
    wx.showToast({
      title: '视频播放功能开发中',
      icon: 'none'
    })
  },
  
  // 切换喜欢状态
  toggleLike() {
    this.setData({
      isLiked: !this.data.isLiked
    })
    
    wx.showToast({
      title: this.data.isLiked ? '已添加到喜欢' : '已取消喜欢',
      icon: 'none'
    })
  },
  
  // 切换收藏状态
  toggleFavorite() {
    if (this.data.isFavorite) {
      // 取消收藏
      app.removeFromFavorites(this.data.contentId)
      this.setData({
        isFavorite: false
      })
      wx.showToast({
        title: '已取消收藏',
        icon: 'none'
      })
    } else {
      // 添加收藏
      const item = {
        id: this.data.content.id,
        title: this.data.content.title,
        category: this.data.content.category,
        image: this.data.content.sourceImage
      }
      app.addToFavorites(item)
      this.setData({
        isFavorite: true
      })
      wx.showToast({
        title: '收藏成功',
        icon: 'success'
      })
    }
  },
  
  // 分享内容
  shareContent() {
    wx.showToast({
      title: '分享功能开发中',
      icon: 'none'
    })
  },
  
  // 加入学习计划
  addToStudyPlan() {
    const item = {
      id: this.data.content.id,
      title: this.data.content.title,
      category: this.data.content.category
    }
    
    const success = app.addToStudyPlan(item)
    if (success) {
      wx.showToast({
        title: '已加入学习计划',
        icon: 'success'
      })
      
      // 增加积分
      app.updatePoints(10)
      wx.showToast({
        title: '获得10积分奖励',
        icon: 'none',
        duration: 2000
      })
    } else {
      wx.showToast({
        title: '已在学习计划中',
        icon: 'none'
      })
    }
  },
  
  // 前往相关内容详情
  goToDetail(e) {
    const id = e.currentTarget.dataset.id
    wx.navigateTo({
      url: `/pages/detail/detail?id=${id}`
    })
  }
})
    